<template>
	<div class="set-config">
  	<template v-for="item in configArr" >
			<Row 
				type="flex" 
				justify="space-around"
        align="middle"
				class="hr-gray config-list"
				:key='item.id'>
				<Col span="4">{{item.title}}</Col>
				<Col span="8">
				<ConfigInput  :item='item'></ConfigInput>
				</Col>
				<Col span="4">{{item.tip}}</Col>
				<Col span="4">调用方法：{{item.name}}</Col>
			</Row>
		</template>
	</div>
</template>
<script>

export default {
	name: 'TheSetConfig',
	components: {
    
  },
	data () {
    return {
      configArr:[]
    }
  },
  created(){
    this.getConfig();
  },
  computed: {
  },
  methods: {
    getConfig: function() {
      let that=this;
      this.$http.get('/admin/configall')
      .then(function (response) {
        that.configArr=response.data;
      });
    }
  }
}
</script>
<style>

	.config-list{
		padding-top:1rem;
		padding-bottom: 1rem;
	}
  .config-list-img{
    display: block;
    margin: 1rem auto;
    max-width: 100%;
  }
	
</style>